@charset "utf-8";
/* CSS Document */

body{ background:#fff;}
.left{ float:left;}
.right{ float:right;}
.wrap{ background:#fff; position:relative; overflow:hidden; margin:0 auto;}
.content{ overflow:hidden;}
.clear{ height:0; clear:both;}

/*澶撮儴*/
.header{ width:100%; position:absolute; left:0; top:0; z-index:99; transition:all ease 0.4s;}
.header.fixed{ background/:#054586;}
.header .head{ width:1300px; position:relative; margin:0 auto; z-index:3;}
.header .head::after{ content:''; display:block; overflow:hidden; clear:both;}
.header h1.logo{ display:block; overflow:hidden; float:left;}
.header h1.logo a{ display:block; position:relative;}
.header h1.logo a::after{ content:''; display:block; width:100%; height:100%; background:url(../images/common/logo_fix.png) no-repeat; background-size:100% 100%; position:absolute; left:0; top:0; z-index:1; opacity:0;}
.header h1.logo a img{ display:block; height:110px;}

/*瀵艰埅*/
ul.nav{ display:block; font-size:17px; float:right;}
ul.nav::before,
ul.nav::after{ content:''; display:block; overflow:hidden; clear:both;}
ul.nav li.close{ display:none;}
ul.nav li{ display:block; float:left; margin:0 0 0 2.5em;}
ul.nav li a{ display:block; line-height:110px; color:#fff; text-align:center; white-space:nowrap;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#d1292e;}
ul.nav li p.sub{ display:none; width:100vw; background:#fff; padding:36px 0 20px; text-align:center; position:absolute; left:50%; top:100%; transform:translate(-50%); z-index:99;}
ul.nav li p.sub::after{ content:'';; display:block; width:100%; height:100%; background:#fff; border-top:1px solid #e6e6e6; position:absolute; left:0; top:0; z-index:1; box-sizing:border-box;}
ul.nav li p.sub a{ display:inline-block; vertical-align:top; width:auto; line-height:3; color:#666; font-size:14px; font-weight:normal; padding:0 1em; border:0; margin:0 2em; position:relative; z-index:3;}
ul.nav li p.sub a::after{ display:none;}
ul.nav li p.sub a:hover{ color:#054586;}
ul.nav li p.sub a:hover img{ transform:rotateY(180deg);}

/*banner*/
.banner{ width:100vw; height:750px; overflow:hidden; position:relative; background:#000;}
.banner .bg{ width:100%; height:100%; background-size:cover !important; position:absolute; left:0; top:0; z-index:1; transform/:scale(1.1); animation:banner 1.75s ease; opacity:0.6;
	-moz-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
    -o-animation-iteration-count:1;
    animation-fill-mode:forwards; /*璁╁姩鐢诲仠鐣欏湪鏈€鍚庝竴甯 */
    -moz-animation-fill-mode:forwards; 
    -webkit-animation-fill-mode:forwards; 
    -o-animation-fill-mode:forwards;
}
@keyframes banner{
	0%{ transform:scale(1.1);}
	100%{ transform:scale(1);}
}
.banner .txt{ width:1300px; color:#fff; font-size:16px; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:3;}
.banner .txt em{ display:block; line-height:1; font-size:3.125em; font-weight:bold;}
.banner .txt p{ display:block; padding:3.25em 0 0;}
.banner .txt p a{ display:inline-block; vertical-align:top; box-sizing:border-box; min-width:10em; line-height:2.625; text-align:left; padding:0 2.75em 0 1.5em; overflow:hidden; border:1px solid rgba(255,255,255,0.5); border-radius:1.375em; position:relative; margin:0.75em 0.5em 0; transition:all ease 0.4s;}
.banner .txt p a::after{ content:''; display:block; width:100%; height:100%; background:url(../images/icons/menu.png) right center no-repeat; position:absolute; left:0; top:0; z-index:1;}
.banner .txt p a:hover,
.banner .txt p a.cur{ color:#fff; background:#d1292e; border-color:rgba(0,0,0,0);}
.banner .txt p a.empty{ display:block; width:3em; height:3em; padding:0; background:url(../images/common/banner_mark.png) center no-repeat; background-size:contain; border:0; border-radius:0; margin:0 auto 0.75em;}
.banner .txt p a.empty::after{ display:none;}

/*搴曢儴*/
.footer{ background:#fff url(../images/common/foot_bg.jpg) center top repeat-x; position:relative;}
.footer .foot{ width:1300px; margin:0 auto;}
.footer > .foot:first-child{ border-bottom:1px solid #dce0e6; margin-bottom:40px;}
.footer .foot::before,
.footer .foot::after{ content:''; display:block; overflow:hidden; clear:both;}
.footer a.logo{ display:block; float:left;}
.footer a.logo img{ display:block; height:110px;}
.footer .codes{ padding:41px 0; float:right; position:relative; z-index:9;}
.footer .codes a{ display:block; position:relative; float:left; margin:0 16px 0 0; cursor:pointer; transition:all ease 0.4s;}
.footer .codes a > img{ display:block; width:28px; height:28px; border-radius:50%;}
.footer .codes a em{ display:block; background:#fff; padding:6px; border:1px solid #054586; position:absolute; left:50%; top:100%; transform:translate(-50%,24px); z-index:5; transition:all ease 0.4s; opacity:0; visibility:hidden;}
.footer .codes a em::before{ content:''; display:block; width:100%; height:8px; background:url(../images/common/arrow.png) center bottom no-repeat; position:absolute; left:0; bottom:100%;}
.footer .codes a em img{ display:block; width:auto; height:110px; border-radius:4px;}
.footer .codes a:hover > img{ filter:brightness(1) invert(0); opacity:1;}
.footer .codes a:hover em{ opacity:1; visibility:visible;}

.footer .flex{ display:flex; justify-content:space-between; overflow:hidden; position:relative;}
.footer dl{ display:block; font-size:16px; padding:0 12px; margin:0 3% 0 0;}
.footer dl dt{ display:block; line-height:2.25; margin:0 0 1em;}
.footer dl dt a{ color:#4c5664; transition:all ease 0.4s;}
.footer dl dd{ display:block; line-height:2.7; font-size:0.875em;}
.footer dl dd a{ color:#919a9e; transition:all ease 0.4s;}
.footer dl a:hover{ color:#2f4d93;}

.footer .info{ width:32%; color:#4c5664; font-size:16px; overflow:hidden; float:right; margin:0 0 0 6%;}
.footer .info em{ display:block; line-height:2.5; font-size:0.875em; overflow:hidden;}
.footer .info p{ display:block; line-height:1.75; font-size/:1.125em; overflow:hidden; padding:0 0 1em;}
.footer .info p a.tel{ color:#2f4d93; font-size:1.5em; font-weight:bold;}
.footer .code{ font-size:0.875em; overflow:hidden;}
.footer .code span{ display:block; width:112px; line-height:3; text-align:center; float:left; margin:0 2em 0 0;}
.footer .code img{ display:block; width:100%; border:1px solid #dce0e6; box-sizing:border-box;}

.footer .copyright{ line-height:2; color:#fff; font-size:14px; overflow:hidden; padding:1.5em 0; background:#054586; margin:32px 0 0;}
.footer .copyright a{ transition:all ease 0.4s; margin:0 0 0 10px;color: #ffffff;}
.footer .copyright a:hover{ text-decoration:underline;}

/*杩斿洖椤堕儴*/
.backToTop{ display:block; width:50px; height:50px; background:url(../images/common/top.png); position:fixed; right:20px; bottom:90px; cursor:pointer; text-indent:-9999px; opacity:0.7; z-index:99;}
.backToTop:hover{ opacity:0.9;}

/*涓讳綋鏍峰紡*/
.main{ margin:0 auto; position:relative; z-index:3;}
.main::before,
.main::after{ content:''; display:block; overflow:hidden; clear:both;}

/*鍐呭鏍峰紡*/
.main .attr{ width:1300px; margin:0 auto; position:relative;}
.main .attr::before,
.main .attr::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .attr h2.title{ display:block; font-size:16px; text-align:center; overflow:hidden; padding:3.75em 0 2.5em;}
.main .attr h2.title em{ display:block; line-height:1.75; color:#333; font-size:2.25em;}
.main .attr h2.title span{ display:block; line-height:3; color:#6981a0; font-weight:normal;}
.main .attr h3.sub{ display:block; line-height:3.5; color:#054586; font-size:30px; padding:0.84em 0 0.25em;}

.main .attr h3.title{ display:block; line-height:1.5; color:#333; font-size:30px; text-align:center; padding:2em 0 0.5em;}
.main .attr p.mark{ display:block; line-height:3.5; color:#999; font-size:14px; text-align:center; margin:0 0 0.5em;}
.main .attr p.mark font{ margin:0 0.5em;}
.main .article{ line-height:2.375; color:#444; font-size:16px; text-align:justify; overflow:hidden; padding:1em 0 2em;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ max-width:100%; height:auto;}

/*鏂囩珷鍒囨崲*/
.main .change{ overflow:hidden; font-size:16px; padding:2em 0em; border-top:1px solid #ddd; margin:0 0 1.25em;}
.main .change p{ display:block; line-height:2.25; color:#777; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .change p font{ margin:0 4px;}
.main .change p a{ color:inherit;}
.main .change p a:hover{ color:#d1292e;}

/*椤电爜鏍峰紡*/
.pages{ text-align:center; font-size:16px; padding:0 0 80px;}
.pages li{ display:inline-block; vertical-align:top;}
.pages span,
.pages a{ display:inline-block; min-width:14px; color:#999; height:24px; line-height:24px; text-align:center; padding:6px 12px; border:1px solid #d2d2d2; margin:0 4px;}
.pages a:hover{ color:#fff; background:#d1292e; border-color:#d1292e;}
.pages span{ color:#fff; background:#d1292e; border-color:#d1292e;}

/*浜у搧鍒楄〃*/
.main ul.proList{ display:block; font-size:16px; padding:60px 0 40px; margin:0 -18px;}
.main ul.proList::before,
.main ul.proList::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.proList li{ display:block; width:25%; box-sizing:border-box; overflow:hidden; padding:0 18px 36px; float:left;}
.main ul.proList li a{ display:block; overflow:hidden; position:relative;}
.main ul.proList li a i{ display:block; overflow:hidden; position:relative;}
.main ul.proList li a i img{ display:block; width:100%; height/:286px; object-fit:cover; transition:all ease 0.4s;}
.main ul.proList li a .info{ font-size:1.125em; background:#f6f6f6; padding:16px 20px; overflow:hidden; transition:all ease 0.4s;}
.main ul.proList li a em{ display:block; width:2em; height:2em; background:#fff url(../images/icons/more1.png) center no-repeat; border-radius:50%; position:relative; float:right; margin-left:2em;}
.main ul.proList li a em::before,
.main ul.proList li a em::after{ content:''; display:block; width:1px; height:1em; background:#d1292e; position:absolute; left:50%; top:50%; transform:translateY(-50%);}
.main ul.proList li a em::after{ transform:translateY(-50%) rotate(90deg);}
.main ul.proList li a h4{ display:block; line-height:2; color:#333; font-size:inherit; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.4s;}
.main ul.proList li a:hover i img{ transform:scale(1.1);}
.main ul.proList li a:hover .info{ background:#d1292e;}
.main ul.proList li a:hover h4{ color:#fff;}

/*妗堜緥鍒楄〃*/
.main ul.caseList{ display:block; font-size:16px; padding:60px 0 80px; margin:-18px;}
.main ul.caseList::before,
.main ul.caseList::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.caseList li{ display:block; width:33.33%; box-sizing:border-box; overflow:hidden; padding:18px; float:left;}
.main ul.caseList li a{ display:block; overflow:hidden; border-radius:10px; position:relative;}
.main ul.caseList li a i{ display:block; overflow:hidden; position:relative;}
.main ul.caseList li a i::after{ content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; box-shadow:0 0 20px rgba(0,0,0,0.05) inset;}
.main ul.caseList li a i img{ display:block; width:100%; height:300px; object-fit:cover; transition:all ease 0.4s;}
.main ul.caseList li a .info{ width:100%; color:#fff; box-sizing:border-box; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8)); padding:0 18px; position:absolute; left:0; bottom:0; z-index:3;}
.main ul.caseList li a h4{ display:block; line-height:3.5; font-size:1.25em; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.4s;}
.main ul.caseList li a h4:only-child{ font-size:1.125em; text-align:center;}
.main ul.caseList li a .txt{ display:block; height:3.35em; line-height:1.675; font-size:0.9375em; overflow:hidden; margin:-0.5em 0 1.25em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main ul.caseList li a:hover i img{ transform:scale(1.1);}
.main ul.caseList li a:hover .info{ background:#d1292e;}

/*鐮斿彂鍒楄〃*/
.main ul.yanfaList{ display:block; font-size:16px; padding:0 0 80px;}
.main ul.yanfaList::before,
.main ul.yanfaList::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.yanfaList li{ display:flex; flex-direction:row; justify-content:space-between; padding:60px 0 0; position:relative;}
.main ul.yanfaList li:nth-child(even){ flex-direction:row-reverse;}
.main ul.yanfaList li a.pic{ display:block; width:46%; overflow:hidden; flex-shrink:0;}
.main ul.yanfaList li a.pic img{ display:block; width:100%; height:420px; object-fit:cover; transition:all ease 0.4s;}
.main ul.yanfaList li a.pic:hover img{ transform:scale(1.1);}
.main ul.yanfaList li .box{ width:49%; overflow:hidden; flex-shrink:0;}
.main ul.yanfaList li h4{ display:block; line-height:2.5; color:#333; font-size:2.25em; padding:0.5em 0 0;}
.main ul.yanfaList li .txt{ display:block; max-height:18em; line-height:2; color:#4c5664;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:9;
}

/*鏂伴椈鍒楄〃*/
.main dl.newsList{ display:block; font-size:16px; padding:0 0 80px; margin:0 -16px;}
.main dl.newsList::before,
.main dl.newsList::after{ content:''; display:block; overflow:hidden; clear:both;}
.main dl.newsList dt{ display:block; padding:52px 16px; position:relative; transition:all ease 0.4s; margin:0 0 12px;}
.main dl.newsList dt::before{ content:''; display:block; width:100vw; height:100%; background:#f6f6f6; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.main dl.newsList dt::after{ content:''; display:block; overflow:hidden; clear:both;}
.main dl.newsList dt > *{ position:relative; z-index:3;}
.main dl.newsList dt a.pic{ display:block; overflow:hidden; float:left; margin-right:40px;}
.main dl.newsList dt a.pic img{ display:block; width:598px; height:388px; object-fit:cover; transition:all ease 0.4s;}
.main dl.newsList dt a.title{ display:block; line-height:1.5; color:#333; font-size:1.4375em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0.25em 0 0;}
.main dl.newsList dt span{ display:block; line-height:3.6; color:#999; font-size:0.9375em; overflow:hidden;}
.main dl.newsList dt .txt{ display:block; line-height:1.75; color:#666; font-size:0.9375em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:11;
}
.main dl.newsList dt a.pic:hover img{ transform:scale(1.05);}
.main dl.newsList dt a.title:hover{ color:#d1292e;}
.main dl.newsList dd{ display:block; width:33.33%; box-sizing:border-box; overflow:hidden; padding:40px 22px 0; float:left;}
.main dl.newsList dd a.pic{ display:block; overflow:hidden; margin:0 -6px;}
.main dl.newsList dd a.pic img{ display:block; width:100%; height:300px; object-fit:cover; transition:all ease 0.4s;}
.main dl.newsList dd a.title{ display:block; line-height:2; color:#333; font-size:1.25em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:1em 0 0;}
.main dl.newsList dd span{ display:block; line-height:3; color:#999; font-size:0.875em; overflow:hidden;}
.main dl.newsList dd .txt{ display:block; height:5.25em; line-height:1.75; color:#666; font-size:0.9375em; padding:0.3em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.main dl.newsList dd a.pic:hover img{ transform:scale(1.1);}
.main dl.newsList dd a.title:hover{ color:#d1292e;}

.newsCon{ overflow:hidden; background:#fff; padding:0 40px; border-radius:34px 34px 0 0; margin:-167px 0 0;}

/*鏈嶅姟鍒楄〃*/
.main ul.srvList{ display:block; font-size:16px;}
.main ul.srvList::before,
.main ul.srvList::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.srvList li{ display:block; padding:20px 0 80px; position:relative;}
.main ul.srvList li::before{ content:''; display:block; width:100vw; height:100%; background:#f6f6f6; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.main ul.srvList li::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.srvList li > *{ position:relative; z-index:3;}
.main ul.srvList li h4{ display:block; line-height:3.5; color:#054586; font-size:1.875em;}
.main ul.srvList li .box{ display:flex; flex-direction:row-reverse; align-items:center; background:#fff;}
.main ul.srvList li a.pic{ display:block; width:50%; overflow:hidden; flex-shrink:0;}
.main ul.srvList li a.pic img{ display:block; width:100%; height:360px; transition:all ease 0.4s;}
.main ul.srvList li .txt{ display:block; max-height:21.25em; line-height:2.125; color:#333; padding:0 36px; flex:1;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:10;
}
.main ul.srvList li:nth-child(even)::before{ background:#fff;}
.main ul.srvList li:nth-child(even) .box{ flex-direction:row; background:#f6f6f6;}
.main ul.srvList li a.pic:hover img{ transform:scale(1.05);}

/*钀ラ攢缃戠粶*/
.main .network{ overflow:hidden;}
.main .network img{ display:block; max-width:100%; margin:0 auto;}
.main .attr h3.sub + ul.caseList{ padding-top:0;}



@media only screen and (max-width:1440px){


}







/**/